@charset "utf-8";

.gnb > li button, .dropit-submenu li a{
	-webkit-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.gnb .car_img li a img{
	-webkit-transition: all 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

/* 스킵 메뉴 */
#skip{position:relative; z-index:9999;}
#skip a{position:absolute;top:-200px;left:0;width:100%;padding:5px 0;background-color:#033478;font-size:14px;line-height:30px;color:#FFF;text-align:center;transition:all 0.4s}
#skip a:hover,#skip a:focus,#skip a:active{top:0;text-decoration:none}

.closed{position:absolute; overflow:hidden; display:inline-block; width:0 !important; height:0 !important; padding:0 !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}


.mc_header>.inner_wrap{position:relative; z-index:100;}
.mc_header .header_wrap{width:100%; margin:0 auto; height: 84px; background: #fff;}
/* gnb */
.mc_header{}
.mc_header .logo{position: absolute; left: 50%; margin-left: -140px; width: 280px; height: 84px;}
.mc_header .logo a{display: block; width:100%; height:100%; background:url(../imgs/logo.png) no-repeat center; line-height:84px;}
.mc_header .gnb_wrap{position:relative; width: 100%;}
.mc_header .gnb{width:100%; margin:0 0 0 auto; font-size:14px;}
.mc_header .gnb:after{content:""; clear:both; display:block; *zoom:1;}
.mc_header .gnb > li{width: 100%;}
.mc_header .gnb > li > button{position: absolute; top: 0; left: 50%; padding:0 10px;  border-bottom: 5px solid #fff; box-sizing: border-box;}
.mc_header .gnb > li.snav1 > button{margin-left: -600px;}
.mc_header .gnb > li.snav2 > button{margin-left: -460px;}
.en_basic .mc_header .gnb > li.snav2 > button{margin-left: -490px;}
.mc_header .gnb > li.snav3 > button{margin-left: -320px;}
.mc_header .gnb > li.snav4 > button{margin-left: 240px;}
.mc_header .gnb > li.snav5 > button{margin-left: 370px;}
.mc_header .gnb > li > button:hover{border-bottom: 5px solid #000;}
.mc_header .gnb > li.gnb_right{margin-left: 500px;}

.mc_header .gnb>li > button, .mc_header .gnb>li>.button {height:84px; line-height: 84px; text-align: center;}
.mc_header .gnb>li.selected>button, .mc_header .gnb>li.selected>.button {color:#000;}
.mc_header .gnb>li.selected>button:after{width:100%;}
.gnb > li > div {display:none; background-color: #fff;}


/*
.lang_nav{position: absolute; z-index: 2; top: 34px; right: 50%; margin-right: -600px;}
.lang_nav .nav-dropit ul{display: none;}
.lang_nav .nav-dropit .dropit-trigger > a{display: block; width: 60px; height: 20px; line-height: 18px; color: #030303; border: 1px solid #b7b7b7; box-sizing: border-box; padding: 0 20px 0 10px;}
.lang_nav .nav-dropit .dropit-trigger > a:after{content:""; width: 20px; height: 20px; background: url(../imgs/drop_nav.png)no-repeat center; top: 0; right: 0; position: absolute;}
.lang_nav .nav-dropit .dropit-open > a:after{content:""; background-position: 0 -30px;}
.lang_nav .nav-dropit .dropit-open .dropit-submenu{display:block;}
.lang_nav .nav-dropit .dropit-submenu{position:absolute; z-index: 2; top:19px; background:#fff; border:1px solid #b7b7b7; width:100%; box-sizing: border-box;}
.lang_nav .nav-dropit .dropit-submenu li{width:100%; height:20px; line-height:18px; border-top: 1px solid #b7b7b7;}
.lang_nav .nav-dropit .dropit-submenu li:first-child{border-top: 0;}
.lang_nav .nav-dropit .dropit-submenu li a{display:block; width:100%; height:100%; color:#666; padding-left: 10px; box-sizing:border-box; text-align: left;}
.lang_nav .nav-dropit .dropit-submenu li a:hover{background: #ccc; color: #fff;}
*/
.lang_nav{position: absolute; z-index: 2; top: 29px; right: 50%; margin-right: -575px;}
.lang_nav a.global_nav{position: relative; display: block;}
.lang_nav a.global_nav:hover{text-decoration: underline;}
.lang_nav a.global_nav:after{content: ''; position: absolute; top: 2px; right: -25px; display:block; width: 20px; height: 20px; background: url("../imgs/global.png") no-repeat center; background-size: 20px;}


.gnb .selected .sub_menu{display:block; background: #000;}
.gnb .sub_menu {position:absolute; top:84px; left:0; width:100%; background-color:rgba(45, 56, 74, .95); border-top:1px solid #efefef; overflow:hidden;}
.gnb .snav1 .sub_menu{border: 0;}
.gnb .sub_menu > div{position:relative; margin:0 auto; background: #fff;}
.gnb .snav1 .sub_menu > div{margin-top: 85px; border-bottom: 1px solid #ccc;}
.sub_menu a{color: #fff;}
.sub_menu .ui_close{position:absolute; top:27px; right:50%; margin-right: -600px; width:24px; height:24px;}

.gnb li > button, .gnb li > .button {font-size: 17px; font-weight: bold; color: #030303; font-family: "NanumSquare";}
.gnb div.wrapper ul:after{content:""; clear:both; display:block; *zoom:1;}
.gnb div.wrapper ul{width: 1200px; margin: 0 auto; height: 85px;}
.jvanesse .gnb div.wrapper ul, .jmagnum .gnb div.wrapper ul, .jadeona .gnb div.wrapper ul{padding-bottom: 50px; box-sizing: content-box;}
.gnb div.wrapper li{float: left;}
.gnb div.wrapper li a{display: block; width: 100%; height: 100%; padding:0 40px; line-height: 85px; text-align: center; font-size: 15px; color: #000; box-sizing: border-box;}
.gnb div.wrapper li a:hover span{display: inline-block; height: 60px; border-bottom: 2px solid #0068b7; box-sizing: border-box;}

.gnb .car_img{position:relative; width: 1200px; margin: 0 auto;}
.gnb .car_img dt{position:absolute; top:-85px; width:130px;}
.gnb .car_img dt:first-child{left:0;}
.gnb .car_img dt:nth-of-type(2){left:140px;}
.gnb .car_img dt:nth-of-type(3){left:280px;}
.gnb .car_img dt:nth-of-type(4){left:420px;}
.gnb .car_img dt:nth-of-type(5){left:560px;}
.gnb .car_img dt > *{display:block; width:100%; height:85px; line-height: 36px; color:#fff; font-size:16px; text-align:center;}
.gnb .car_img dt > button{border-bottom: 5px solid rgba(0, 0, 0, 0); box-sizing: border-box;}
.gnb .car_img dt.on button{border-bottom: 5px solid #fff;}
.gnb .car_img dd{display:none;}
.gnb .car_img dt.on + dd{display:block;}
.gnb .car_img ul{width:100%;}
.gnb .car_img ul:after{content:''; display: block; clear: both;}
.gnb .car_img li{float:left; width:25%; text-align:center;}
.gnb .car_img li a{display:block; font-size:16px; box-sizing: border-box;}
/*.gnb .car_img li a img:hover{box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3); transform: translate(5px, -10px)}*/
.gnb .car_img li span{display:block; height:20px; font-size:15px; font-weight: bold; color: #000;}
.gnb .car_img dl + p{position:relative; border-top:1px solid #e4dcd3; padding:28.5px 50px; font-size:16px;}
.gnb .car_img + .ui_close{top:8px;}
.gnb .car_img ul {width:1200px; padding-top: 50px; padding-bottom: 26px;}
.gnb .car_img li {padding-bottom: 24px;}


/* ui close */
.ui_close{position:absolute; width:50px; height:50px; border:0; background:transparent; transition:.3s;}
.ui_close:before, .ui_close:after{content:''; position:absolute; top:50%; left:50%; width:24px; height:1px; margin-left:-12px; background:#000;}
.ui_close:before{-o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.ui_close:after{-o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.ui_close:hover{-o-transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}

.snav1 .ui_close:before, .snav1  .ui_close:after{background:#fff;}
.snav1 .sub_menu .ui_close{top: -58px;}